<!DOCTYPE html>
<!--[if lt IE 8]>      <html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]>         <html class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <title>Webmarket HTML Template - Features</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="ProteusThemes">

    <!--  = Google Fonts =  -->
    <script type="text/javascript">WebFontConfig={google:{families:['Open+Sans:400,700,400italic,700italic:latin,latin-ext,cyrillic','Pacifico::latin']}};(function(){var wf=document.createElement('script');wf.src=('https:'==document.location.protocol?'https':'http')+'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';wf.type='text/javascript';wf.async='true';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(wf,s);})();</script>

    <!-- Twitter Bootstrap -->
    <link href="css/fi000001.css" tppabs="http://www.proteusthemes.com/themes/webmarket-html/A.stylesheets,,_bootstrap.css+stylesheets,,_responsive.css+js,,_rs-plugin,,_css,,_settings.css+js,,_jquery-ui-1.10.3,,_css,,_smoothness,,_jquery-ui-1.10.3.custom.min.css+js,,_prettyphoto,,_css,,_prettyPhoto.css+stylesheets,,_main.css,Mcc.f1lmiIiJI9.css.pagespeed.cf.qWembiux12.css" rel="stylesheet"/>
    
    <!-- Slider Revolution -->
    
    <!-- jQuery UI -->
    
    <!-- PrettyPhoto -->
    
    <!-- main styles -->
        
    

    <!-- Modernizr -->
    <script src="js/modernizr.custom.56918.js.pagespeed.jm.uJEwd3FIaL.js" tppabs="http://www.proteusthemes.com/themes/webmarket-html/js/modernizr.custom.56918.js.pagespeed.jm.uJEwd3FIaL.js"></script>

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="144.png.pagespeed.ce.HQhWeqIdDJ.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/apple-touch/144.png.pagespeed.ce.HQhWeqIdDJ.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="114.png.pagespeed.ce.3cV3NB-LbK.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/apple-touch/114.png.pagespeed.ce.3cV3NB-LbK.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="72.png.pagespeed.ce.Yg3RzDogzO.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/apple-touch/72.png.pagespeed.ce.Yg3RzDogzO.png">
    <link rel="apple-touch-icon-precomposed" href="57.png.pagespeed.ce.nx1OijlsPq.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/apple-touch/57.png.pagespeed.ce.nx1OijlsPq.png">
    <link rel="shortcut icon" href="57.png.pagespeed.ce.nx1OijlsPq.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/apple-touch/57.png.pagespeed.ce.nx1OijlsPq.png">
  </head>

    <body data-spy="scroll" data-target="#spyMenu" data-offset="80" class="">

    <div class="master-wrapper">
        <!--  ==========  -->
    <!--  = Header =  -->
    <!--  ==========  -->
    <header id="header">
        <div class="darker-row">
            <div class="container">
                <div class="row">
                    <div class="span4">
                        <div class="higher-line">
                            Wellcome! Please
                            <a href="#registerModal" role="button" data-toggle="modal">Register</a> or
                            <a href="#loginModal" role="button" data-toggle="modal">Login</a>
                        </div>
                    </div>
                    <div class="span8">
                        <div class="topmost-line">
                            <div class="higher-line">
                                <a href="my-account.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/my-account.html" class="gray-link">My account</a>
                                &nbsp; | &nbsp;
                                <a href="my-account.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/my-account.html" class="gray-link">Wishlist (2)</a>
                                &nbsp; | &nbsp;
                                <a href="checkout-step-1.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/checkout-step-1.html" class="gray-link">Checkout</a>
                            </div>
                            &nbsp;
                            <div class="lang-currency">
                                <div class="dropdown js-selectable-dropdown">
                                    <a data-toggle="dropdown" class="selected" href="#"><span class="js-change-text"><i class="famfamfam-flag-gb"></i> English (EN)</span> <b class="caret"></b></a>
                                    <ul class="dropdown-menu js-possibilities" role="menu" aria-labelledby="dLabel">
                                        <li><a href="#"><i class="famfamfam-flag-gb"></i> English (EN)</a></li>
                                        <li><a href="#"><i class="famfamfam-flag-si"></i> Slovenian (SI)</a></li>
                                        <li><a href="#"><i class="famfamfam-flag-de"></i> German (DE)</a></li>
                                        <li><a href="#"><i class="famfamfam-flag-fr"></i> French (FR)</a></li>
                                        <li><a href="#"><i class="famfamfam-flag-es"></i> Spanish (ES)</a></li>
                                    </ul>
                                </div>
                                <div class="dropdown js-selectable-dropdown">
                                    <a data-toggle="dropdown" class="selected" href="#"><span class="js-change-text">USD ($)</span> <b class="caret"></b></a>
                                    <ul class="dropdown-menu js-possibilities" role="menu" aria-labelledby="dLabel">
                                        <li><a href="#">USD ($)</a></li>
                                        <li><a href="#">EUR (€)</a></li>
                                        <li><a href="#">YEN (¥)</a></li>
                                        <li><a href="#">GBP (£)</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">

                <!--  ==========  -->
                <!--  = Logo =  -->
                <!--  ==========  -->
                <div class="span7">
                    <a class="brand" href="index.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/index.html">
                        <img src="images/logo.png.pagespeed.ce.zVDKa4LAZz.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/logo.png.pagespeed.ce.zVDKa4LAZz.png" alt="Webmarket Logo" width="48" height="48"/>
                        <span class="pacifico">Webmarket</span>
                        <span class="tagline">Really Cool e-Commerce HTML Template</span>
                    </a>
                </div>

                <!--  ==========  -->
                <!--  = Social Icons =  -->
                <!--  ==========  -->
                <div class="span5">
                    <div class="top-right">
                        <div class="icons">
                            <a href="javascript:if(confirm(%27http://www.facebook.com/ProteusNet  \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://www.facebook.com/ProteusNet%27" tppabs="http://www.facebook.com/ProteusNet"><span class="zocial-facebook"></span></a>
                            <a href="skype:primozcigler?call"><span class="zocial-skype"></span></a>
                            <a href="javascript:if(confirm(%27https://twitter.com/proteusnetcom  \n\nThis file was not retrieved by Teleport Pro, because it is addressed using an unsupported protocol (e.g., gopher).  \n\nDo you want to open it from the server?%27))window.location=%27https://twitter.com/proteusnetcom%27" tppabs="https://twitter.com/proteusnetcom"><span class="zocial-twitter"></span></a>
                            <a href="javascript:if(confirm(%27http://eepurl.com/xFPYD  \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://eepurl.com/xFPYD%27" tppabs="http://eepurl.com/xFPYD"><span class="zocial-rss"></span></a>
                            <a href="#"><span class="zocial-wordpress"></span></a>
                            <a href="#"><span class="zocial-android"></span></a>
                            <a href="#"><span class="zocial-html5"></span></a>
                            <a href="#"><span class="zocial-windows"></span></a>
                            <a href="#"><span class="zocial-apple"></span></a>
                        </div>
                    </div>
                </div> <!-- /social icons -->
            </div>
        </div>
    </header>

    <!--  ==========  -->
    <!--  = Main Menu / navbar =  -->
    <!--  ==========  -->
    <div class="navbar navbar-static-top" id="stickyNavbar">
      <div class="navbar-inner">
        <div class="container">
          <div class="row">
            <div class="span9">
                <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>

                <!--  ==========  -->
                <!--  = Menu =  -->
                <!--  ==========  -->
                <div class="nav-collapse collapse">
                  <ul class="nav" id="mainNavigation">
                    <li class="dropdown">
                        <a href="index.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/index.html" class="dropdown-toggle"> Home <b class="caret"></b> </a>
                        <ul class="dropdown-menu">
                            <li class="dropdown">
                                <a href="index.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/index.html"><i class="icon-caret-right pull-right visible-desktop"></i> Color Themes</a>
                                <ul class="dropdown-menu">
                                    <li><a href="index.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/index.html">Default Theme</a></li>
                                    <li><a href="index-grass-green.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/index-grass-green.html">Grass Green Theme</a></li>
                                    <li><a href="index-oil-green.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/index-oil-green.html">Oil Green Theme</a></li>
                                    <li><a href="index-gray.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/index-gray.html">Gray Theme</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="index-boxed-solid.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/index-boxed-solid.html"><i class="icon-caret-right pull-right visible-desktop"></i> Boxed Version</a>
                                <ul class="dropdown-menu">
                                    <li><a href="index-boxed-solid.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/index-boxed-solid.html">Boxed - solid color background</a></li>
                                    <li><a href="index-boxed-pattern.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/index-boxed-pattern.html">Boxed - pattern background</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>

                    <li class="dropdown dropdown-supermenu">
                        <a href="shop.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/shop.html" class="dropdown-toggle"> Shop <b class="caret"></b> </a>
                        <ul class="dropdown-menu supermenu accepts-5">
                            <li class="row">
                                <div class="span2">
                                    <ul class="nav nav-pills nav-stacked">
                                        <li><a href="shop.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/shop.html">Grid View</a></li>
                                        <li><a href="shop-list-view.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/shop-list-view.html">List View</a></li>
                                        <li><a href="shop-no-sidebar.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/shop-no-sidebar.html">Full Width</a></li>
                                        <li><a href="product.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/product.html">Single Product</a></li>
                                        <li><a href="shop-search.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/shop-search.html">Search Results</a></li>
                                    </ul>
                                </div>
                                <div class="span3">
                                    <div class="embed-container"><iframe src="5606758" tppabs="http://player.vimeo.com/video/5606758" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
                                    <h5><span class="light">Awesome</span> Video</h5>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, maiores.</p>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown dropdown-megamenu">
                        <a href="#" class="dropdown-toggle"> Megamenu <b class="caret"></b> </a>
                        <ul class="dropdown-menu megamenu container"><!-- .col-2 for min-width:320px, .col-3 for min-width:480px -->
                            <li class="row"><!-- .megamenu--half for 2 cols, .megamenu--third for 3 cols -->
                                <div class="span3">
                                    <ul class="nav nav-pills nav-stacked">
                                        <li><a href="shop.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/shop.html">Accessories</a></li>
                                        <li><a href="shop.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/shop.html">Jeans</a></li>
                                        <li><a href="shop.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/shop.html">Suits &amp; Blazers</a></li>
                                        <li><a href="shop.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/shop.html">Sunglasses</a></li>
                                        <li><a href="shop.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/shop.html">Swimwear</a></li>
                                        <li><a href="shop.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/shop.html">Trousers</a></li>
                                        <li><a href="shop.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/shop.html">T-Shirts</a></li>
                                    </ul>
                                </div>
                                                                <div class="span2">
                                    <ul class="nav nav-pills nav-stacked">
                                        <li><a href="#">Tincidunt Amet</a></li>
                                    </ul>
                                    <ul class="nav unstyled">
                                        <li><a href="#">Evening Tops</a></li>
                                        <li><a href="#">Shirts &amp; Blouses</a></li>
                                        <li><a href="#">Tunics</a></li>
                                    </ul>
                                    <ul class="nav nav-pills nav-stacked">
                                        <li><a href="#">Lorem Ut</a></li>
                                    </ul>
                                    <ul class="nav unstyled">
                                        <li><a href="#">Evening Tops</a></li>
                                        <li><a href="#">Shirts &amp; Blouses</a></li>
                                        <li><a href="#">Tunics</a></li>
                                    </ul>
                                </div>
                                                                <div class="span2">
                                    <ul class="nav nav-pills nav-stacked">
                                        <li><a href="#">Est Metus</a></li>
                                    </ul>
                                    <ul class="nav unstyled">
                                        <li><a href="#">Evening Tops</a></li>
                                        <li><a href="#">Shirts &amp; Blouses</a></li>
                                        <li><a href="#">Tunics</a></li>
                                    </ul>
                                    <ul class="nav nav-pills nav-stacked">
                                        <li><a href="#">Sit Vel</a></li>
                                    </ul>
                                    <ul class="nav unstyled">
                                        <li><a href="#">Evening Tops</a></li>
                                        <li><a href="#">Shirts &amp; Blouses</a></li>
                                        <li><a href="#">Tunics</a></li>
                                    </ul>
                                </div>
                                                                <div class="span2">
                                    <ul class="nav nav-pills nav-stacked">
                                        <li><a href="#">Vulputate Feugiat</a></li>
                                    </ul>
                                    <ul class="nav unstyled">
                                        <li><a href="#">Evening Tops</a></li>
                                        <li><a href="#">Shirts &amp; Blouses</a></li>
                                        <li><a href="#">Tunics</a></li>
                                    </ul>
                                    <ul class="nav nav-pills nav-stacked">
                                        <li><a href="#">Amet Vel</a></li>
                                    </ul>
                                    <ul class="nav unstyled">
                                        <li><a href="#">Evening Tops</a></li>
                                        <li><a href="#">Shirts &amp; Blouses</a></li>
                                        <li><a href="#">Tunics</a></li>
                                    </ul>
                                </div>
                                                                <div class="span3">
                                    <a href="shop.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/shop.html"><img src="images/woman.jpg.pagespeed.ce.baM6H2EV-e.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/menu/woman.jpg.pagespeed.ce.baM6H2EV-e.jpg" alt="woman in red" width="540" height="270"></a>
                                    <h5><span class="light">Featured</span> Category</h5>
                                    <p>
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, quas illo sapiente ratione nihil ut.
                                    </p>
                                </div>
                            </li>
                            <li class="row visible-desktop">
                                <div class="span12">
                                    <hr>
                                </div>
                            </li>
                            <li class="row visible-desktop">
                                <div class="span6">
                                    New arrivals in: &nbsp;
                                    <a href="#" class="btn btn-mini">Clothing</a>
                                    <a href="#" class="btn btn-mini">Shoes</a>
                                    <a href="#" class="btn btn-mini">Accessories</a>
                                    <a href="#" class="btn btn-mini btn-warning">Back in stock</a>
                                </div>
                                <div class="span6">
                                    <div class="pull-right sm-no-pull">
                                        Outlet / Sale: &nbsp;
                                        <a href="#" class="btn btn-mini btn-success">UP TO -70%</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="blog.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/blog.html" class="dropdown-toggle">Blog <b class="caret"></b> </a>
                        <ul class="dropdown-menu">
                            <li><a href="blog.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/blog.html">Default Layout</a></li>
                            <li><a href="blog-single.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/blog-single.html">Single Post</a></li>
                            <li><a href="blog-search.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/blog-search.html">Search Results</a></li>
                            <li><a href="404.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/404.html">404 Page</a></li>
                        </ul>
                    </li>
                    <li class="dropdown active">
                        <a href="features.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html" class="dropdown-toggle">Features <b class="caret"></b> </a>
                        <ul class="dropdown-menu">
                            <li><a href="icons.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/icons.html">Icons</a></li>
                            <li class="dropdown active">
                                <a href="features.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html" class="dropdown-toggle"><i class="icon-caret-right pull-right visible-desktop"></i> All Features</a>
                                <ul class="dropdown-menu">
                                    <li><a href="features.html#headings" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html#headings">Headings</a></li>
                                    <li><a href="features.html#alertBoxes" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html#alertBoxes">Alert Boxes</a></li>
                                    <li><a href="features.html#tabs" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html#tabs">Tabs</a></li>
                                    <li><a href="features.html#buttons" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html#buttons">Buttons</a></li>
                                    <li><a href="features.html#toggles" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html#toggles">Toggles</a></li>
                                    <li><a href="features.html#quotes" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html#quotes">Quotes</a></li>
                                    <li><a href="features.html#gallery" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html#gallery">Gallery Grids</a></li>
                                    <li><a href="features.html#code" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html#code">Code</a></li>
                                    <li><a href="features.html#columns" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html#columns">Columns</a></li>
                                    <li><a href="features.html#maps" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html#maps">Maps</a></li>
                                    <li><a href="features.html#progress" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html#progress">Progress Bars</a></li>
                                    <li><a href="features.html#tables" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html#tables">Tables</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><a href="about-us.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/about-us.html">About Us</a></li>
                    <li><a href="contact.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/contact.html">Contact</a></li>
                  </ul>

                  <!--  ==========  -->
                  <!--  = Search form =  -->
                  <!--  ==========  -->
                  <form class="navbar-form pull-right" action="#" method="get">
                      <button type="submit"><span class="icon-search"></span></button>
                      <input type="text" class="span1" name="search" id="navSearchInput">
                  </form>
                </div><!-- /.nav-collapse -->
            </div>

            <!--  ==========  -->
            <!--  = Cart =  -->
            <!--  ==========  -->
            <div class="span3">
                <div class="cart-container" id="cartContainer">
                    <div class="cart">
                        <p class="items">CART <span class="dark-clr">(3)</span></p>
                        <p class="dark-clr hidden-tablet">$1816.90</p>
                        <a href="checkout-step-1.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/checkout-step-1.html" class="btn btn-danger">
                            <!-- <span class="icon icons-cart"></span> -->
                            <i class="icon-shopping-cart"></i>
                        </a>
                    </div>
                    <div class="open-panel">
                                                <div class="item-in-cart clearfix">
                            <div class="image">
                                <img src="images/124x124xcart-item-1.jpg.pagespeed.ic.MOH6pViKb3.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/cart-items/124x124xcart-item-1.jpg.pagespeed.ic.MOH6pViKb3.jpg" width="124" height="124" alt="cart item"/>
                            </div>
                            <div class="desc">
                                <strong><a href="product.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/product.html">Adipiscing Ac Dapibus Est Condimentum</a></strong>
                                <span class="light-clr qty">
                                    Qty: 1
                                    &nbsp;
                                    <a href="#" class="icon-remove-sign" title="Remove Item"></a>
                                </span>
                            </div>
                            <div class="price">
                                <strong>$6498</strong>
                            </div>
                        </div>
                                                <div class="item-in-cart clearfix">
                            <div class="image">
                                <img src="images/124x124xcart-item-2.jpg.pagespeed.ic.pWDTtNZ7M8.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/cart-items/124x124xcart-item-2.jpg.pagespeed.ic.pWDTtNZ7M8.jpg" width="124" height="124" alt="cart item"/>
                            </div>
                            <div class="desc">
                                <strong><a href="product.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/product.html">Lorem Adipiscing Vulputate Felis Metus</a></strong>
                                <span class="light-clr qty">
                                    Qty: 1
                                    &nbsp;
                                    <a href="#" class="icon-remove-sign" title="Remove Item"></a>
                                </span>
                            </div>
                            <div class="price">
                                <strong>$5781</strong>
                            </div>
                        </div>
                                                <div class="item-in-cart clearfix">
                            <div class="image">
                                <img src="images/124x124xcart-item-3.jpg.pagespeed.ic.SxHNASdP7z.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/cart-items/124x124xcart-item-3.jpg.pagespeed.ic.SxHNASdP7z.jpg" width="124" height="124" alt="cart item"/>
                            </div>
                            <div class="desc">
                                <strong><a href="product.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/product.html">Sed Vel Est Sit</a></strong>
                                <span class="light-clr qty">
                                    Qty: 1
                                    &nbsp;
                                    <a href="#" class="icon-remove-sign" title="Remove Item"></a>
                                </span>
                            </div>
                            <div class="price">
                                <strong>$5217</strong>
                            </div>
                        </div>
                                                <div class="summary">
                            <div class="line">
                                <div class="row-fluid">
                                    <div class="span6">Shipping:</div>
                                    <div class="span6 align-right">$4.99</div>
                                </div>
                            </div>
                            <div class="line">
                                <div class="row-fluid">
                                    <div class="span6">Subtotal:</div>
                                    <div class="span6 align-right size-16">$357.81</div>
                                </div>
                            </div>
                        </div>
                        <div class="proceed">
                            <a href="checkout-step-1.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/checkout-step-1.html" class="btn btn-danger pull-right bold higher">CHECKOUT <i class="icon-shopping-cart"></i></a>
                            <small>Shipping costs are calculated based on location. <a href="#">More information</a></small>
                        </div>
                    </div>
                </div>
            </div> <!-- /cart -->
          </div>
        </div>
      </div>
    </div> <!-- /main menu -->

    
    
    <!--  ==========  -->
    <!--  = Breadcrumbs =  -->
    <!--  ==========  -->
    <div class="darker-stripe">
        <div class="container">
            <div class="row">
                <div class="span12">
                    <ul class="breadcrumb">
                        <li>
                            <a href="index.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/index.html">Webmarket</a>
                        </li>
                        <li><span class="icon-chevron-right"></span></li>
                        <li>
                            <a href="features.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html">Features</a>
                        </li>
                        <li><span class="icon-chevron-right"></span></li>
                        <li>
                            <a href="features.html" tppabs="http://www.proteusthemes.com/themes/webmarket-html/features.html">All Features</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="push-up blocks-spacer">
            <div class="row">
                
                <!--  ==========  -->
                <!--  = Sidebar =  -->
                <!--  ==========  -->
                <aside class="span3">
                    <div class="sidebar-item">
                        
                        <!--  ==========  -->
                        <!--  = Sidebar Title =  -->
                        <!--  ==========  -->
                        <div class="underlined">
                        	<h3><span class="light">Sidebar</span> Menu</h3>
                        </div>
                        
                        <!--  ==========  -->
                        <!--  = Menu (affix) =  -->
                        <!--  ==========  -->
                        <div class="row">
                        	<div class="span3" id="spyMenu">
		                    	<ul class="nav nav-pills nav-stacked">
		                    	    <li class="active"><a href="#headings">Headings <i class="icon-caret-right pull-right"></i></a></li>
		                    	    <li><a href="#alertBoxes">Alert Boxes <i class="icon-caret-right pull-right"></i></a></li>
		                    	    <li><a href="#tabs">Tabs <i class="icon-caret-right pull-right"></i></a></li>
		                    	    <li><a href="#buttons">Buttons <i class="icon-caret-right pull-right"></i></a></li>
		                    	    <li><a href="#toggles">Toggles <i class="icon-caret-right pull-right"></i></a></li>
		                    	    <li><a href="#quotes">Quotes <i class="icon-caret-right pull-right"></i></a></li>
		                    	    <li><a href="#gallery">Gallery Grids <i class="icon-caret-right pull-right"></i></a></li>
		                    	    <li><a href="#code">Code <i class="icon-caret-right pull-right"></i></a></li>
		                    	    <li><a href="#columns">Columns <i class="icon-caret-right pull-right"></i></a></li>
		                    	    <li><a href="#maps">Maps <i class="icon-caret-right pull-right"></i></a></li>
		                    	    <li><a href="#progress">Progress Bars <i class="icon-caret-right pull-right"></i></a></li>
		                    	    <li><a href="#tables">Tables <i class="icon-caret-right pull-right"></i></a></li>
		                    	</ul>
                        	</div>
                        </div>
                        
                    </div>
                </aside> <!-- /sidebar -->
                
                <!--  ==========  -->
                <!--  = Main content =  -->
                <!--  ==========  -->
                <section class="span9">
                    
                    <!--  ==========  -->
                    <!--  = Title =  -->
                    <!--  ==========  -->
                    <div class="underlined push-down-20">
                        <h3><span class="light">All</span> Features</h3>
                    </div> <!-- /title -->
                    
                    <!--  ==========  -->
                    <!--  = Headings =  -->
                    <!--  ==========  -->
                    <section id="headings">
                        <h3 class="push-down-20"><span class="light">Different</span> Headlines</h3>
                        
                         
                    	    <h1><span class="light">Heading</span> Number 1</h1>
                    	     
                    	        <div class="metadata">
                    	            September 28, 2013  /  <a href="#">This is a Link</a>  /  Posted in: <a href="#">Webmarket</a>
                    	        </div>
                    	     
                    	    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sagittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit...</p>
                    	    
                    	    <hr/>
                    	 
                    	    <h2><span class="light">Heading</span> Number 2</h2>
                    	     
                    	    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sagittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit...</p>
                    	    
                    	    <hr/>
                    	 
                    	    <h3><span class="light">Heading</span> Number 3</h3>
                    	     
                    	    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sagittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit...</p>
                    	    
                    	    <hr/>
                    	 
                    	    <h4><span class="light">Heading</span> Number 4</h4>
                    	     
                    	    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sagittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit...</p>
                    	    
                    	    <hr/>
                    	 
                    	    <h5><span class="light">Heading</span> Number 5</h5>
                    	     
                    	    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sagittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit...</p>
                    	    
                    	    <hr/>
                    	 
                	</section>
                	
                	<!--  ==========  -->
					<!--  = Alert Boxes =  -->
					<!--  ==========  -->
                	<section id="alertBoxes">
                	    <h3 class="push-down-20"><span class="light">Alert</span> Boxes</h3>
                	    
            	        <div class="alert alert-info white-bg in fade">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            Very informative alert box
                        </div>
                        <div class="alert alert-info in fade">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            This is standard alert massage
                        </div>
            	        <div class="alert in fade">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            This is a alert massage for Warning, nothing special
                        </div>
            	        <div class="alert alert-danger in fade">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            This is a alert massage in case of emergency!
                        </div>
            	        <div class="alert alert-success in fade">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            Relax, this massage is telling you about something good
                        </div>
                	</section>
                	
                	<hr/>
                	
                	<!--  ==========  -->
					<!--  = Tabs =  -->
					<!--  ==========  -->
                	<section id="tabs">
                	    <h3 class="push-down-20"><span class="light">Just</span> Some Tabs</h3>
                	    
                	    
                	    <!--  ==========  -->
						<!--  = Tab style 1 =  -->
						<!--  ==========  -->
                	    <ul id="myTab" class="nav nav-tabs">
                	        <li class="active">
                	            <a href="#tab-1" data-toggle="tab">Details</a>
                	        </li>
                	        <li>
                	            <a href="#tab-2" data-toggle="tab">SIZING CHART</a>
                	        </li>
                	        <li>
                	            <a href="#tab-3" data-toggle="tab">COMMENTS</a>
                	        </li>
                	        <li>
                	            <a href="#tab-4" data-toggle="tab">SHIPPING DETAILS</a>
                	        </li>
                	    </ul>
                	    <div class="tab-content push-down-30">
                	        <div class="fade in tab-pane active" id="tab-1">
                	            <h3>Product Description</h3>
                	            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dui ante, vulputate at pellentesque eget, viverra ac dolor. Morbi interdum tortor non leo aliquam ac aliquet nulla porta. Morbi id dolor massa, ut ornare augue. Morbi tincidunt magna bibendum enim tristique tristique. Quisque a massa tellus, ac tempor magna. Sed eget ligula tellus, nec pellentesque dolor. Phasellus dictum, mauris non mollis ornare, turpis libero faucibus orci, at fringilla urna leo sodales libero. Aliquam nec lectus mauris. Morbi lectus quam, convallis vel euismod a, auctor non dui. Etiam a nisi risus.</p>
                	        </div>
                	        <div class="fade tab-pane" id="tab-2">
                	            <p>
                	                Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
                	            </p>
                	        </div>
                	        <div class="fade tab-pane" id="tab-3">
                	            <p>
                	                Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
                	            </p>
                	        </div>
                	        <div class="fade tab-pane" id="tab-4">
                	            <p>
                	                Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr. Another text here ...
                	            </p>
                	        </div>
                	    </div>
                	    
                	    
                	    <!--  ==========  -->
						<!--  = Tab style 2 =  -->
						<!--  ==========  -->
                	    <ul id="myTab2" class="nav nav-tabs nav-tabs-style-2">
                	        <li>
                	            <a href="#tab2-1" data-toggle="tab">Tab Number 1</a>
                	        </li>
                	        <li class="active">
                	            <a href="#tab2-2" data-toggle="tab">Tab Number 2</a>
                	        </li>
                	        <li>
                	            <a href="#tab2-3" data-toggle="tab">Tab Number 3</a>
                	        </li>
                	    </ul>
                	    <div class="tab-content">
                	        <div class="fade tab-pane " id="tab2-1">
                	            <h3>Product Description</h3>
                	            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dui ante, vulputate at pellentesque eget, viverra ac dolor. Morbi interdum tortor non leo aliquam ac aliquet nulla porta. Morbi id dolor massa, ut ornare augue. Morbi tincidunt magna bibendum enim tristique tristique. Quisque a massa tellus, ac tempor magna. Sed eget ligula tellus, nec pellentesque dolor. Phasellus dictum, mauris non mollis ornare, turpis libero faucibus orci, at fringilla urna leo sodales libero. Aliquam nec lectus mauris. Morbi lectus quam, convallis vel euismod a, auctor non dui. Etiam a nisi risus.</p>
                	        </div>
                	        <div class="fade in tab-pane active" id="tab2-2">
                	            <p>
                	                Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
                	            </p>
                	        </div>
                	        <div class="fade tab-pane" id="tab2-3">
                	            <p>
                	                Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
                	            </p>
                	        </div>
                	    </div>
                	</section>
                	
                	<hr/>
                	
                	<!--  ==========  -->
					<!--  = Buttons =  -->
					<!--  ==========  -->
                	<section id="buttons">
                	    <h3 class="push-down-20"><span class="light">And</span> Some Buttons</h3>
                	    
                	    <p>
                	        <button class="btn btn-primary btn-large bold">BUTTON</button>
                	        <button class="btn btn-danger btn-large bold">BUTTON</button>
                	        <button class="btn btn-warning btn-large bold">BUTTON</button>
                	        <button class="btn btn-success btn-large bold">BUTTON</button>
                	        <button class="btn btn-large bold">BUTTON</button>
                	        <button class="btn btn-info btn-large bold">BUTTON</button>
                	    </p>
                	    <p>
                	        <button class="btn btn-primary btn-large bold rounded">BUTTON</button>
                	        <button class="btn btn-danger btn-large bold rounded">BUTTON</button>
                	        <button class="btn btn-warning btn-large bold rounded">BUTTON</button>
                	        <button class="btn btn-success btn-large bold rounded">BUTTON</button>
                	        <button class="btn btn-large bold rounded">BUTTON</button>
                	        <button class="btn btn-info btn-large bold rounded">BUTTON</button>
                	    </p>
                	    <p class="center-align">
                	        <button class="btn btn-primary btn-mini push-down-10">Mini Button</button> <br/>
                	        <button class="btn btn-danger btn-small push-down-10">Small Button</button> <br/>
                	        <button class="btn btn-warning push-down-10">Normal Button</button> <br/>
                	        <button class="btn btn-success btn-large push-down-10">Large Button</button> <br/>
                	        <button class="btn btn-info btn-large bold btn-block bold">Block Wide Button</button>
                	    </p>
                	</section>
                	
                	<hr/>
                	
                	<!--  ==========  -->
					<!--  = Toggles =  -->
					<!--  ==========  -->
                	<section id="toggles">
                	    <h3 class="push-down-20"><span class="light">Toggles</span> Are Included As Well</h3>
                	    
                	    <div class="accordion" id="accordion2">
                            <div class="accordion-group accordion-style-2 active">
                                <div class="accordion-heading">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                                        <span class="bg-for-icon"><i class="icon-minus"></i><i class="icon-plus"></i></span>
                                        Toggle Open
                                    </a>
                                </div>
                                <div id="collapseOne" class="accordion-body collapse in">
                                    <div class="accordion-inner">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sagittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit...
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-group accordion-style-2">
                                <div class="accordion-heading">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
                                        <span class="bg-for-icon"><i class="icon-minus"></i><i class="icon-plus"></i></span>
                                        Toggle Closed
                                    </a>
                                </div>
                                <div id="collapseTwo" class="accordion-body collapse">
                                    <div class="accordion-inner">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sagittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit...
                                    </div>
                                </div>
                            </div>
                        </div>
                	</section>
                	
                	<hr/>
                	
                	<!--  ==========  -->
					<!--  = Quotes =  -->
					<!--  ==========  -->
                	<section id="quotes">
                	    <h3 class="push-down-20"><span class="light">Quotes</span> Are Necessary</h3>
                	    
                	    <blockquote>
                	        <i class="icon-quote-left icon-5x"></i>
                	        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sagittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum lig nibh porta, sit amet interdum lig nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit...</p>
                	        <cite><strong>John Doe</strong>, <em>random SEO</em></cite>
                	    </blockquote>
                	</section>
                	
                	<hr/>
                	
                	<!--  ==========  -->
					<!--  = Gallery Grid =  -->
					<!--  ==========  -->
                	<section id="gallery">
                	    <h3 class="push-down-20"><span class="light">Gallery</span> Grid</h3>
                	    
                	    <div class="row-fluid">
                	         
                	        <div class="span6 push-down-20">
                	            <div class="picture">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span6 push-down-20">
                	            <div class="picture">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	    </div>
                	    <div class="row-fluid">
                	         
                	        <div class="span4 push-down-20">
                	            <div class="picture">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span4 push-down-20">
                	            <div class="picture">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span4 push-down-20">
                	            <div class="picture">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	    </div>
                	    <div class="row-fluid">
                	         
                	        <div class="span3 push-down-20">
                	            <div class="picture">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span3 push-down-20">
                	            <div class="picture">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span3 push-down-20">
                	            <div class="picture">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span3 push-down-20">
                	            <div class="picture">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	    </div>
                	    <div class="row-fluid">
                	         
                	        <div class="span2">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span2">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span2">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span2">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" srcimages/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span2">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span2">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	    </div>
                	    <div class="row-fluid">
                	         
                	        <div class="span1">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span1">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span1">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span1">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span1">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span1">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span1">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span1">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span1">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span1">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span1">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	        <div class="span1">
                	            <div class="picture push-down-20">
                	                <a href="images/gallery.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/gallery.png" class="add-prettyphoto"><img class="rounded" src="images/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/dummy/gallery/128x128xgallery.png.pagespeed.ic.IpmZ3uDlI6.jpg" alt="" width="128" height="128"/></a>
            	                </div>
                	        </div>
                	         
                	    </div>
                	</section>
                	
                	<hr/>
                	
                	<!--  ==========  -->
					<!--  = Code =  -->
					<!--  ==========  -->
                	<section id="code">
                	    <h3 class="push-down-20"><span class="light">This</span> Is How The Code Looks</h3>
                	    
                	    <pre>wp_insert_term( 'post-format-aside', 'post_format' );</pre>
                	    
                	</section>
                	
                	<hr/>
                	
                	<!--  ==========  -->
					<!--  = Columns =  -->
					<!--  ==========  -->
                	<section id="columns">
                	    <h3 class="push-down-20"><span class="light">Columns</span> for Grande Finale</h3>
                	    
                	    <!--  ==========  -->
						<!--  = One Col =  -->
						<!--  ==========  -->
						<h5><span class="light">One</span> Column</h5>
                	    <div class="row-fluid">
                	        <div class="span12">
                	            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit...</p>
                	        </div>
                	    </div>
                	    
                	    <hr/>
                	    
                	    <!--  ==========  -->
						<!--  = Two Cols =  -->
						<!--  ==========  -->
						<h5><span class="light">Two</span> Columns</h5>
                	    <div class="row-fluid">
                	        <div class="span6">
                	            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit...</p>
                	        </div>
                	        <div class="span6">
                	            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit...</p>
                	        </div>
                	    </div>
                	    
                	    <hr/>
                	    
                	    <!--  ==========  -->
						<!--  = Three Cols =  -->
						<!--  ==========  -->
						<h5><span class="light">Three</span> Columns</h5>
                	    <div class="row-fluid">
                	         
                	        <div class="span4">
                	            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ...</p>
                	        </div>
                	         
                	        <div class="span4">
                	            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ...</p>
                	        </div>
                	         
                	        <div class="span4">
                	            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ...</p>
                	        </div>
                	         
                	    </div>
                	    
                	    <hr/>
                	    
                	    <!--  ==========  -->
						<!--  = Four Cols =  -->
						<!--  ==========  -->
						<h5><span class="light">Four</span> Columns</h5>
                	    <div class="row-fluid">
                	         
                	        <div class="span3">
                	            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ...</p>
                	        </div>
                	         
                	        <div class="span3">
                	            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ...</p>
                	        </div>
                	         
                	        <div class="span3">
                	            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ...</p>
                	        </div>
                	         
                	        <div class="span3">
                	            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ...</p>
                	        </div>
                	         
                	    </div>
                	</section>
                	<hr/>
                	
                	<!--  ==========  -->
					<!--  = Google Maps =  -->
					<!--  ==========  -->
                	<section id="maps">
                	    <h3 class="push-down-20"><span class="light">Custom</span> Google Maps</h3>
                	    
                	    <p>It is very easy to add the fully customized Google Maps to any page. You can customize:</p>
                	    <ul>
                	        <li><b>type of the map</b> (roadmap, hybrid, terrain, satellite)</li>
                	        <li><b>location</b> (address or coordinates)</li>
                	        <li><b>title</b> (for the hover on the pin)</li>
                	        <li><b>zoom level</b></li>
                	        <li><b>height of the map</b> (in pixels)</li>
                	    </ul>
                	    
                	    <div class="add-googlemap" data-addr="London" data-title="London City" data-zoom="7" data-height="300" data-type="roadmap"></div>
                	    
                	    <div class="row-fluid">
                	    	<div class="span6">
                	    	    <div class="add-googlemap" data-addr="New York, US" data-title="New York City" data-zoom="5" data-type="terrain"></div>
            	    	    </div>
                	    	<div class="span6">
                	    	    <div class="add-googlemap" data-addr="Tokyo, Japan" data-title="Tokyo City" data-zoom="15" data-type="hybrid"></div>
            	    	    </div>
                	    </div>
                	    
                	</section>
                	
                	<hr/>
                	
                	<!--  ==========  -->
					<!--  = Progress Bars =  -->
					<!--  ==========  -->
                	<section id="progress">
                	    <h3 class="push-down-20"><span class="light">Progress</span> Bars Show Your Progress Through This Page</h3>
                	       
                	       <div class="row-fluid">
                	           <div class="span6">
                	               <div class="progress">
                                        <div class="bar bar-theme" style="width: 40%;"></div>
                                   </div>
                	               <div class="progress">
                                        <div class="bar bar-danger" style="width: 50%;"></div>
                                   </div>
                	               <div class="progress">
                                        <div class="bar bar-success" style="width: 60%;"></div>
                                   </div>
                	               <div class="progress">
                                        <div class="bar bar-info" style="width: 70%;"></div>
                                   </div>
                	               <div class="progress">
                                        <div class="bar bar-warning" style="width: 80%;"></div>
                                   </div>
                	               <div class="progress">
                                        <div class="bar" style="width: 90%;"></div>
                                   </div>
                	           </div>
                	           <div class="span6">
                	               <div class="progress">
                                        <div class="bar bar-theme" style="width: 67%;"></div>
                                   </div>
                	               <div class="progress progress-striped">
                                        <div class="bar bar-theme" style="width: 67%;"></div>
                                   </div>
                	               <div class="progress progress-striped active">
                                        <div class="bar bar-theme" style="width: 67%;"></div>
                                   </div>
                	               <div class="progress">
                                        <div class="bar bar-danger" style="width: 13%;"></div>
                                        <div class="bar bar-warning" style="width: 42%;"></div>
                                        <div class="bar bar-success" style="width: 35%;"></div>
                                   </div>
                	               <div class="progress progress-striped">
                                        <div class="bar bar-danger" style="width: 13%;"></div>
                                        <div class="bar bar-warning" style="width: 42%;"></div>
                                        <div class="bar bar-success" style="width: 35%;"></div>
                                   </div>
                	               <div class="progress progress-striped active">
                                        <div class="bar bar-danger" style="width: 13%;"></div>
                                        <div class="bar bar-warning" style="width: 42%;"></div>
                                        <div class="bar bar-success" style="width: 35%;"></div>
                                   </div>
                	           </div>
                	       </div>
                	    
                	</section>
                	
                	<hr/>
                	
                	<!--  ==========  -->
					<!--  = Tables =  -->
					<!--  ==========  -->
                	<section id="tables">
            	       <h3 class="push-down-20"><span class="light">Every</span> Page Needs Tables, Right?</h3>
            	       
            	       <!--  ==========  -->
					   <!--  = Classes for tables:
					           .table - use it everytime
					           .table-theme - for the theme-styled
					           .table-bordered - for bordered table
					           .table-condensed - for smaller height of the cells
					           .table-striped - for alternating rows in color
					           .table-hover - for hover effect on the row
					        =  -->
					   <!--  ==========  -->
            	       
            	       <h5><span class="light">Theme-Styled</span> Table</h5>
            	       <table class="table table-theme table-striped">
            	           <thead>
            	               <tr>
            	               	<th>Heading #1</th>
            	               	<th>Heading #2</th>
            	               	<th>Heading #3</th>
            	               </tr>
            	           </thead>
            	           <tbody>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	               </tr>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	               </tr>
            	                
            	               <tr class="active">
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	               </tr>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	               </tr>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	               </tr>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	               </tr>
            	                
            	               <tr class="inactive">
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	               </tr>
            	                
            	           </tbody>
            	       </table>
            	       
            	       <h5><span class="light">Regular</span> Table</h5>
            	       <table class="table table-striped table-bordered">
            	           <thead>
            	               <tr>
            	               	<th>Heading #1</th>
            	               	<th>Heading #2</th>
            	               	<th>Heading #3</th>
            	               </tr>
            	           </thead>
            	           <tbody>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	               </tr>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	               </tr>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	               </tr>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	               </tr>
            	                
            	           </tbody>
            	       </table>
            	       
            	       <h5><span class="light">Very</span> Simple Table</h5>
            	       <table class="table">
            	           <thead>
            	               <tr>
            	               	<th>Heading #1</th>
            	               	<th>Heading #2</th>
            	               </tr>
            	           </thead>
            	           <tbody>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	               </tr>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	               </tr>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	               </tr>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	               </tr>
            	                
            	           </tbody>
            	       </table>
            	       
                       <h5><span class="light">Table</span> With Hover Effect</h5>
            	       <table class="table table-bordered table-hover">
            	           <thead>
            	               <tr>
            	               	<th>Heading #1</th>
            	               	<th>Heading #2</th>
            	               	<th>Heading #3</th>
            	               	<th>Heading #4</th>
            	               	<th>Heading #5</th>
            	               </tr>
            	           </thead>
            	           <tbody>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	                   <td>Four</td>
            	                   <td>Five</td>
            	               </tr>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	                   <td>Four</td>
            	                   <td>Five</td>
            	               </tr>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	                   <td>Four</td>
            	                   <td>Five</td>
            	               </tr>
            	                
            	               <tr>
            	                   <td>One</td>
            	                   <td>Two</td>
            	                   <td>Three</td>
            	                   <td>Four</td>
            	                   <td>Five</td>
            	               </tr>
            	                
            	           </tbody>
            	       </table>
                	    
                	</section>
                	
                	<hr/>
                	
                </section> <!-- /main content -->
            </div>
        </div>
    </div> <!-- /container -->
    
    
        <!--  ==========  -->
    <!--  = Footer =  -->
    <!--  ==========  -->
    <footer>

        <!--  ==========  -->
        <!--  = Upper footer =  -->
        <!--  ==========  -->
        <div class="foot-light">
            <div class="container">
                <div class="row">
                    <div class="span4">
                        <h2 class="pacifico">Webmarket &nbsp; <img src="images/webmarket.png.pagespeed.ce.2I1Tyza8MZ.png" tppabs="http://www.proteusthemes.com/themes/webmarket-html/images/webmarket.png.pagespeed.ce.2I1Tyza8MZ.png" alt="Webmarket Cart" class="align-baseline" width="22" height="19"/></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt vestibulum risus et gravida. Etiam vel augue ligula, blandit malesuada nisi. Quisque a augue nisi. Nullam interdum convallis </p>
                    </div>
                    <div class="span4">
                        <div class="main-titles lined">
                            <h3 class="title">Facebook</h3>
                        </div>
                        <div class="bordered">
                            <div class="fill-iframe">
                                <div class="fb-like-box" data-href="javascript:if(confirm(%27https://www.facebook.com/ProteusNet  \n\nThis file was not retrieved by Teleport Pro, because it is addressed using an unsupported protocol (e.g., gopher).  \n\nDo you want to open it from the server?%27))window.location=%27https://www.facebook.com/ProteusNet%27" tppabs="https://www.facebook.com/ProteusNet" data-width="292" data-height="200" data-colorscheme="dark" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="main-titles lined">
                            <h3 class="title"><span class="light">Newsletters</span> Signup</h3>
                        </div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam tincidunt vestibulum risus et gravida.</p>
                        <!-- Begin MailChimp Signup Form -->
                        <div id="mc_embed_signup">
                        <form action="http://proteusthemes.us4.list-manage1.com/subscribe/post?u=ea0786485977f5ec8c9283d5c&id=5dad3f35e9" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form form-inline" target="_blank" novalidate>
                            <div class="mc-field-group">
                                <input type="email" value="" placeholder="Enter your e-mail address" name="EMAIL" class="required email" id="mce-EMAIL">
                                <input type="submit" value="Send" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary">
                            </div>
                            <div id="mce-responses" class="clear">
                                <div class="response" id="mce-error-response" style="display:none"></div>
                                <div class="response" id="mce-success-response" style="display:none"></div>
                            </div>

                        </form>
                        </div>
                        <!--End mc_embed_signup-->
                    </div>
                </div>
            </div>
        </div> <!-- /upper footer -->

        <!--  ==========  -->
        <!--  = Middle footer =  -->
        <!--  ==========  -->
        <div class="foot-dark">
            <div class="container">
                <div class="row">

                    <!--  ==========  -->
                    <!--  = Menu 1 =  -->
                    <!--  ==========  -->
                    <div class="span3">
                        <div class="main-titles lined">
                            <h3 class="title"><span class="light">Main</span> Navigation</h3>
                        </div>
                        <ul class="nav bold">
                            <li><a href="#">Home</a></li>
                            <li><a href="#">Pages</a></li>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Shortcodes</a></li>
                            <li><a href="#">Gallery</a></li>
                            <li><a href="#">Contact Us</a></li>
                        </ul>
                    </div>

                    <!--  ==========  -->
                    <!--  = Menu 2 =  -->
                    <!--  ==========  -->
                    <div class="span3">
                        <div class="main-titles lined">
                            <h3 class="title"><span class="light">Second</span> Navigation</h3>
                        </div>
                        <ul class="nav">
                            <li><a href="#">Lorem Ipsum Dolor Sit</a></li>
                            <li><a href="#">Amet Webmarket Signup</a></li>
                            <li><a href="#">Brands</a></li>
                            <li><a href="#">Latest Tweets Sometging</a></li>
                            <li><a href="#">Ipsum Sit Lorem Amet</a></li>
                        </ul>
                    </div>

                    <!--  ==========  -->
                    <!--  = Menu 3 =  -->
                    <!--  ==========  -->
                    <div class="span3">
                        <div class="main-titles lined">
                            <h3 class="title"><span class="light">Third</span> Navigation</h3>
                        </div>
                        <ul class="nav">
                            <li><a href="#">Lorem Ipsum Dolor Sit</a></li>
                            <li><a href="#">Amet Webmarket Signup</a></li>
                            <li><a href="#">Brands</a></li>
                            <li><a href="#">Latest Tweets Sometging</a></li>
                            <li><a href="#">Ipsum Sit Lorem Amet</a></li>
                        </ul>
                    </div>

                    <!--  ==========  -->
                    <!--  = Menu 4 =  -->
                    <!--  ==========  -->
                    <div class="span3">
                        <div class="main-titles lined">
                            <h3 class="title"><span class="light">Fourth</span> Navigation</h3>
                        </div>
                        <ul class="nav">
                            <li><a href="#">Lorem Ipsum Dolor Sit</a></li>
                            <li><a href="#">Amet Webmarket Signup</a></li>
                            <li><a href="#">Brands</a></li>
                            <li><a href="#">Latest Tweets Sometging</a></li>
                            <li><a href="#">Ipsum Sit Lorem Amet</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div> <!-- /middle footer -->

        <!--  ==========  -->
        <!--  = Bottom Footer =  -->
        <!--  ==========  -->
        <div class="foot-last">
            <a href="#" id="toTheTop">
                <span class="icon-chevron-up"></span>
            </a>
            <div class="container">
                <div class="row">
                    <div class="span6">
                        &copy; Copyright 2013. Images of products by <a target="_blank" href="javascript:if(confirm(%27http://www.horsefeathers.eu/  \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://www.horsefeathers.eu/%27" tppabs="http://www.horsefeathers.eu/">Horsefeathers</a>.
                    </div>
                    <div class="span6">
                        <div class="pull-right">Webmarket HTML Template by <a href="javascript:if(confirm(%27http://www.proteusthemes.com/  \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://www.proteusthemes.com/%27" tppabs="http://www.proteusthemes.com/">ProteusThemes</a></div>
                    </div>
                </div>
            </div>
        </div> <!-- /bottom footer -->
    </footer> <!-- /footer -->


    <!--  ==========  -->
    <!--  = Modal Windows =  -->
    <!--  ==========  -->

    <!--  = Login =  -->
    <div id="loginModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="loginModalLabel"><span class="light">Login</span> To Webmarket</h3>
        </div>
        <div class="modal-body">
            <form method="post" action="#">
                <div class="control-group">
                    <label class="control-label hidden shown-ie8" for="inputEmail">Username</label>
                    <div class="controls">
                        <input type="text" class="input-block-level" id="inputEmail" placeholder="Username" required>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label hidden shown-ie8" for="inputPassword">Password</label>
                    <div class="controls">
                        <input type="password" class="input-block-level" id="inputPassword" placeholder="Password" required>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <label class="checkbox">
                            <input type="checkbox">
                            Remember me
                        </label>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary input-block-level bold higher">
                    SIGN IN
                </button>
            </form>
            <p class="center-align push-down-0">
                <a data-toggle="modal" role="button" href="#forgotPassModal" data-dismiss="modal">Forgot your password?</a>
            </p>
        </div>
    </div>

    <!--  = Register =  -->
    <div id="registerModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="registerModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="registerModalLabel"><span class="light">Register</span> To Webmarket</h3>
        </div>
        <div class="modal-body">
            <form method="post" action="#">
                <div class="control-group">
                    <label class="control-label hidden shown-ie8" for="inputUsernameRegister">Username</label>
                    <div class="controls">
                        <input type="text" class="input-block-level" id="inputUsernameRegister" placeholder="Username" required>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label hidden shown-ie8" for="inputEmailRegister">Email</label>
                    <div class="controls">
                        <input type="email" class="input-block-level" id="inputEmailRegister" placeholder="Email" required>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label hidden shown-ie8" for="inputPasswordRegister">Password</label>
                    <div class="controls">
                        <input type="password" class="input-block-level" id="inputPasswordRegister" placeholder="Password" required>
                    </div>
                </div>
                <button type="submit" class="btn btn-danger input-block-level bold higher">
                    REGISTER
                </button>
            </form>
            <p class="center-align push-down-0">
                <a data-toggle="modal" role="button" href="#loginModal" data-dismiss="modal">Already Registered?</a>
            </p>

        </div>
    </div>

    <!--  = Forgot your password =  -->
    <div id="forgotPassModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="forgotPassModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="forgotPassModalLabel"><span class="light">Forgot</span> your password?</h3>
        </div>
        <div class="modal-body">
            <form method="post" action="#">
                <div class="control-group">
                    <label class="control-label hidden shown-ie8" for="inputUsernameRegister">Username</label>
                    <div class="controls">
                        <input type="text" class="input-block-level" id="inputUsernameRegister" placeholder="Username">
                    </div>
                </div>
                <p class="center-align">OR</p>
                <div class="control-group">
                    <label class="control-label hidden shown-ie8" for="inputEmailRegister">Email</label>
                    <div class="controls">
                        <input type="email" class="input-block-level" id="inputEmailRegister" placeholder="Email">
                    </div>
                </div>
                <button type="submit" class="btn btn-primary input-block-level bold higher">
                    SEND ME A NEW PASSWORD
                </button>
            </form>
        </div>
    </div>

        </div> <!-- end of master-wrapper -->



    <!--  ==========  -->
    <!--  = JavaScript =  -->
    <!--  ==========  -->

    <!--  = FB =  -->

    <div id="fb-root"></div>
    <script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="all.js#xfbml=1&appId=126780447403102"/*tpa=http://connect.facebook.net/en_US/all.js#xfbml=1&appId=126780447403102*/;fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));</script>


    <!--  = jQuery - CDN with local fallback =  -->
    <script type="text/javascript" src="jquery.min.js" tppabs="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">if(typeof jQuery=='undefined'){document.write('<script src="js/jquery.min-1.js"/*tpa=http://www.proteusthemes.com/themes/webmarket-html/js/jquery.min.js*/><\/script>');}</script>

    <!--  = _ =  -->
    <script src="js/underscore-min.js.pagespeed.jm.ItwX38EOq5.js" tppabs="http://www.proteusthemes.com/themes/webmarket-html/js/underscore/underscore-min.js.pagespeed.jm.ItwX38EOq5.js" type="text/javascript"></script>

    <!--  = Bootstrap =  -->
    <script src="js/bootstrap.min.js.pagespeed.jm.-umip9MeSa.js" tppabs="http://www.proteusthemes.com/themes/webmarket-html/js/bootstrap.min.js.pagespeed.jm.-umip9MeSa.js" type="text/javascript"></script>

    <!--  = Slider Revolution =  -->
    <script src="js/jquery.themepunch.plugins.min.js.pagespeed.jm.i8jLJExTHJ.js" tppabs="http://www.proteusthemes.com/themes/webmarket-html/js/rs-plugin/js/jquery.themepunch.plugins.min.js.pagespeed.jm.i8jLJExTHJ.js" type="text/javascript"></script>
    <script src="js/jquery.themepunch.revolution.min.js" tppabs="http://www.proteusthemes.com/themes/webmarket-html/js/rs-plugin/js/jquery.themepunch.revolution.min.js" type="text/javascript"></script>

    <!--  = CarouFredSel =  -->
    <script src="js/jquery.carouFredSel-6.2.1-packed.js,Mjm.qEAY8y8mxq.js+jquery-ui-1.10.3,_js,_jquery-ui-1.10.3.custom.min.js,Mjm.G_xvTfnttR.js+jquery-ui-1.10.3,_touch-fix.min.js,Mjm.oXJhGT49Yl.js.pagespeed.jc.abKz7lCy-L.js" tppabs="http://www.proteusthemes.com/themes/webmarket-html/js/jquery.carouFredSel-6.2.1-packed.js,Mjm.qEAY8y8mxq.js+jquery-ui-1.10.3,_js,_jquery-ui-1.10.3.custom.min.js,Mjm.G_xvTfnttR.js+jquery-ui-1.10.3,_touch-fix.min.js,Mjm.oXJhGT49Yl.js.pagespeed.jc.abKz7lCy-L.js"></script><script>eval(mod_pagespeed_WmL98DfP1Y);</script>

    <!--  = jQuery UI =  -->
    <script>eval(mod_pagespeed_e5SxFXHy1W);</script>
    <script>eval(mod_pagespeed_0WTRZBnbCV);</script>

    <!--  = Isotope =  -->
    <script src="js/jquery.isotope.min.js.pagespeed.jm.z0B8alLj_3.js" tppabs="http://www.proteusthemes.com/themes/webmarket-html/js/isotope/jquery.isotope.min.js.pagespeed.jm.z0B8alLj_3.js" type="text/javascript"></script>

    <!--  = Tour =  -->
    <script src="js/bootstrap-tour,_build,_js,_bootstrap-tour.min.js,Mjm.0uuuvYuBmK.js+prettyphoto,_js,_jquery.prettyPhoto.js,Mjm.yI-YDtvTMT.js+goMap,_js,_jquery.gomap-1.3.2.min.js,Mjm.3gMg5pS7v9.js.pagespeed.jc.n6-XBIWejE.js" tppabs="http://www.proteusthemes.com/themes/webmarket-html/js/bootstrap-tour,_build,_js,_bootstrap-tour.min.js,Mjm.0uuuvYuBmK.js+prettyphoto,_js,_jquery.prettyPhoto.js,Mjm.yI-YDtvTMT.js+goMap,_js,_jquery.gomap-1.3.2.min.js,Mjm.3gMg5pS7v9.js.pagespeed.jc.n6-XBIWejE.js"></script><script>eval(mod_pagespeed_x9pWpl7o9N);</script>

    <!--  = PrettyPhoto =  -->
    <script>eval(mod_pagespeed_Q8mZc6qNW5);</script>

    <!--  = Google Maps API =  -->
    <script type="text/javascript" src="js-key=AIzaSyDvMjN1g49P1MA2Onsj-GulDkmDuuH6aoU&sensor=false.js" tppabs="http://maps.google.com/maps/api/js?key=AIzaSyDvMjN1g49P1MA2Onsj-GulDkmDuuH6aoU&sensor=false"></script>
    <script>eval(mod_pagespeed_aZ7AhjP8SR);</script>

    <!--  = Custom JS =  -->
    <script src="js/custom.js.pagespeed.jm.rYRw-5fzBq.js" tppabs="http://www.proteusthemes.com/themes/webmarket-html/js/custom.js.pagespeed.jm.rYRw-5fzBq.js" type="text/javascript"></script>

  </body>
</html>


    